.root {
  font-weight: 400;
  &:disabled {
    opacity: 0.5;
    border: none;
  }
}

.lg {
  min-width: 150px;
  height: 44px;
  font-size: 16px;
}

.md {
  min-width: 90px;
  height: 40px;
  font-size: 14px;
}

.xs {
  min-width: 70px;
  height: 30px;
  font-size: 12px;
}

.primary {
  color: var(--mantine-color-fontColorStrong-0);
  background: var(--mantine-color-btnBgColor-0);
  &:disabled {
    background: var(--mantine-color-bgColor-19);
  }
}

.secondary {
  color: var(--mantine-color-fontColorWeak-1);
  background: var(--mantine-color-btnBgColor-1);
  &:disabled {
    background: var(--mantine-color-bgColor-9);
  }
}

.tertiary {
  color: var(--mantine-color-fontColorStrong-0);
  background: var(--mantine-color-btnBgColor-2);
  &:disabled {
    background: var(--mantine-color-fontColorHelp-1);
  }
}
